<!DOCTYPE html>
<html lang="en">

<head>
    <#include "/jh/admin/components/meta.html" />
    <title>员工信息 ${metaTitleSuffix!}</title>
    <#include "/jh/admin/components/stylesheets.html" />
</head>

<body>
    <div id="app">
        <el-container>
            <#assign menuIndex="3-1" />
            <#include "/jh/admin/components/menu.html" />
            <el-container>
                <#include "/jh/admin/components/header.html" />
                <el-main>
                    <template>
                        <el-form ref="form" :model="info" label-width="110px">
                            <el-row :gutter="0">
                                <el-col :span="12">
                                    <el-form-item label="姓名">
                                        <el-input v-model="info.name"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="登录名">
                                        <el-input v-model="info.account"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="登录密码">
                                        <el-input v-model="info.password"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="校区">
                                        <el-select v-model="info.schoolId" placeholder="请选择校区">
                                            <el-option v-for="(item, index) in schools" :label="item.attrs.name" :value="item.attrs.id"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="权限">
                                        <el-select v-model="info.roleId" filterable placeholder="请选择权限">
                                            <el-option v-for="(item, index) in roles" :key="index" :label="item.attrs.name" :value="item.attrs.id">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="岗位属性">
                                        <el-select v-model="info.type" filterable placeholder="请选择岗位">
                                            <el-option label="教师" :value="1"></el-option>
                                            <el-option label="助教" :value="2"></el-option>
                                            <el-option label="CC" :value="3"></el-option>
                                            <el-option label="tmk" :value="4"></el-option>
                                            <el-option label="财务" :value="5"></el-option>
                                            <el-option label="人事" :value="6"></el-option>
                                            <el-option label="前台" :value="7"></el-option>
                                            <el-option label="推广" :value="8"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="部门/岗位">
                                        <el-cascader :options="positionTree" v-model="selectedPosition">
                                        </el-cascader>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="员工编号">
                                        <el-input v-model="info.code"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="英文名">
                                        <el-input v-model="info.englishName"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="性别">
                                        <el-select v-model="info.sex" placeholder="请选择性别">
                                            <el-option label="男" :value="1"></el-option>
                                            <el-option label="女" :value="2"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="身份证">
                                        <el-input v-model="info.idCard"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="出生日期">
                                        <el-date-picker v-model="info.birth" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="民族">
                                        <el-select v-model="info.minzu" placeholder="请选择民族" filterable='true' clearable='true' allow-create>
                                            <el-option v-for="item in nationality" :key="item.value" :label="item.label" :value="item.label">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="籍贯">
                                        <el-input v-model="info.jiguan"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label='户口所在地'>
                                        <el-cascader :options="options" change-on-select filterable='true' clearable='true' v-model="selectedOptions"></el-cascader>
                                    </el-form-item>
                                </el-col>
                                <!-- <el-col :span="12">
                                    <el-form-item label="户口所在地">
                                        <el-input v-model="info.hukou"></el-input>
                                    </el-form-item>
                                </el-col> -->
                                <el-col :span="12">
                                    <el-form-item label="户籍类别">
                                        <el-select v-model="info.huji" placeholder="请选择户籍类别" allow-create filterable default-first-option>
                                            <el-option v-for="(item, index) in hujiType" :key="index" :label="item" :value="item">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="婚姻状态">
                                        <el-select v-model="info.marriage" placeholder="请选择婚姻状态" allow-create filterable default-first-option>
                                            <el-option v-for="(item, index) in marriageType" :key="index" :label="item" :value="item">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="身高(cm)">
                                        <el-input v-model="info.height" type="number"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="体重(kg)">
                                        <el-input v-model="info.weight" type="number"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="血型">
                                        <el-select v-model="info.bloodType" placeholder="请选择血型" allow-create filterable default-first-option>
                                            <el-option v-for="(item, index) in bloodType" :label="item" :value="item"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="联系电话1">
                                        <el-input v-model="info.contact1"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="联系电话2">
                                        <el-input v-model="info.contact2"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="电子邮箱">
                                        <el-input v-model="info.email"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="紧急联系人">
                                        <el-input v-model="info.emContact"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="紧急联系人电话">
                                        <el-input v-model="info.emMobile"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="法定联系地址">
                                        <el-input v-model="info.lawAddress" type="textarea" :rows="3" placeholder="请输入法定联系地址">
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="现住址">
                                        <el-input v-model="info.address" type="textarea" :rows="3" placeholder="请输入现住址">
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="学历">
                                        <el-select v-model="info.degree" placeholder="请选择学历" allow-create filterable default-first-option>
                                            <el-option v-for='item in degreeType' :label="item" :value="item"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="毕业学校">
                                        <el-input v-model="info.graduation"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="毕业日期">
                                        <el-date-picker v-model="info.graduateDate" type="date" placeholder="选择毕业日期" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="专业">
                                        <el-input v-model="info.major"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="英语水平">
                                        <el-input v-model="info.englishLevel"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="入职日期">
                                        <el-date-picker v-model="info.entryDate" type="date" placeholder="选择入职日期" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <!-- <el-col :span="12">
                                    <el-form-item label="试用期">
                                        <el-date-picker v-model="probationaryPeriod" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="onProbationaryPeriodChange" unlink-panels="true">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col> -->
                                <el-col :span="12">
                                    <el-form-item label="试用期开始">
                                        <el-date-picker v-model="info.probationaryPeriodStart" type="date" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="试用期结束">
                                        <el-date-picker v-model="info.probationaryPeriodEnd" type="date" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="转正日期">
                                        <el-date-picker v-model="info.formalDate" type="date" placeholder="选择转正日期" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <!-- <el-col :span="12">
                                    <el-form-item label="合同时效">
                                        <el-date-picker v-model="contractDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="onContractDateChange" unlink-panels="true">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col> -->
                                <el-col :span="12">
                                    <el-form-item label="合同开始日">
                                        <el-date-picker v-model="info.contractStartDate" type="date" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="合同结束日">
                                        <el-date-picker v-model="info.contractEndDate" type="date" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="合同签署">
                                        <el-select v-model="info.signType" filterable placeholder="合同签署">
                                            <el-option label="新签" value="新签"></el-option>
                                            <el-option label="续签" value="续签"></el-option>
                                            <el-option label="无" value="无"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="用工备案">
                                        <el-select v-model="info.workRecord" placeholder="请选择" allow-create filterable default-first-option>
                                            <el-option v-for="(item, index) in workType" :label="item" :value="item"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="实习工资">
                                        <el-input v-model="info.internSalary" type="number"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="试用工资">
                                        <el-input v-model="info.probationSalary" type="number"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="转正工资">
                                        <el-input v-model="info.formalSalary" type="number"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="银行账号">
                                        <el-input v-model="info.bankAccount"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="银行卡开户行">
                                        <el-input v-model="info.bank"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="是否老师">
                                        <el-switch v-model="isTeacherChecked" active-color="#13ce66" inactive-color="#ff4949">
                                        </el-switch>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="老师类型" v-if='isTeacherChecked'>
                                        <el-select v-model="info.teacherType" filterable placeholder="老师类型">
                                            <el-option label="全职中教" :value="1"></el-option>
                                            <el-option label="全职外教" :value="2"></el-option>
                                            <el-option label="兼职中教" :value="3"></el-option>
                                            <el-option label="兼职外教" :value="4"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="是否试用期">
                                        <el-switch v-model="isTempory" active-color="#13ce66" inactive-color="#ff4949">
                                        </el-switch>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="是否异动">
                                        <el-switch v-model="isMoving" active-color="#13ce66" inactive-color="#ff4949">
                                        </el-switch>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label='是否离职'>
                                        <el-switch v-model="isLeave" active-color="#13ce66" inactive-color="#ff4949">
                                        </el-switch>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="离职日期" v-if='isLeave'>
                                        <el-date-picker v-model="info.leaveDate" type="date" placeholder="选择离职日期" value-format="yyyy-MM-dd">
                                        </el-date-picker>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label='离职原因' v-if='isLeave'>
                                        <el-select v-model="info.leaveReason" placeholder="请选择离职原因" allow-create filterable default-first-option>
                                            <el-option v-for='item in leaveReason' :label="item" :value="item"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label='离职类别' v-if='isLeave'>
                                        <el-select v-model="info.leaveType" placeholder="请选择离职类别" allow-create filterable default-first-option>
                                            <el-option v-for='item in leaveType' :label="item" :value="item"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="是否兼职">
                                        <el-switch v-model="isPartTime" active-color="#13ce66" inactive-color="#ff4949">
                                        </el-switch>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12" v-if='isMoving'>
                                    <el-form-item label="异动类型">
                                        <el-select v-model="info.movingType" filterable placeholder="异动类型">
                                            <el-option label="晋升" value="晋升"></el-option>
                                            <el-option label="降级" value="降级"></el-option>
                                            <el-option label="调动" value="调动"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="备注">
                                        <el-input v-model="info.mark" :rows='10' type="textarea"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="24">
                                    <el-form-item label="持有证书">
                                        <el-upload action="/jh/api/uploadImage" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="fileList" :on-success="handleSuccess" :on-preview="handlePreview">
                                            <i class="el-icon-plus"></i>
                                        </el-upload>
                                        <el-dialog :visible.sync="dialogVisible">
                                            <img width="100px" :src="dialogImageUrl" alt="">
                                    </el-dialog>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <el-col :span="12">
                                </el-col>
                                <!-- <el-form-item label="户口类型">
                                <el-select v-model="info.householdType" placeholder="请选择户口类型" allow-create filterable default-first-option>
                                    <el-option v-for="(item, index) in ['类型1','类型2']" :key="index" :label="item" :value="item">
                                    </el-option>
                                </el-select>
                            </el-form-item> -->
                            </el-row>
                            <el-form-item>
                                <el-button type="primary" @click="submit">保存</el-button>
                                <el-button @click="back">取消</el-button>
                            </el-form-item>
                        </el-form>
                    </template>
                </el-main>
            </el-container>
        </el-container>
        <#include "/jh/admin/components/footer.html" />
    </div>
    <#include "/jh/admin/components/scripts.html" />
    <script type="text/javascript" src="/jh/json/city.json"></script>
    <script type="text/javascript" src="/jh/json/nationality.json"></script>
    <script type="text/javascript" src="/jh/json/staffType.js"></script>
    <script type="text/javascript" src="/jh/json/position.json"></script>
    <script type="text/javascript" src="/jh/json/positionTree.json"></script>
    <script type="text/javascript">
    var vue = new Vue({
        el: '#app',
        data() {
            return {
                fileList: [],
                dialogImageUrl: '',
                dialogVisible: false,
                selectedPosition: '',
                position: position,
                positionTree: positionTree,
                info: {},
                schools: [],
                roles: [],
                probationaryPeriod: ['${today!}', '${today!}'],
                contractDate: ['${today!}', '${today!}'],
                isTeacherChecked: false,
                options: city,
                nationality: nationality,
                selectedOptions: ['广东', '珠海'],
                degreeType: degreeType,
                leaveType: leaveType,
                leaveReason: leaveReason,
                hujiType: hujiType,
                marriageType: marriageType,
                bloodType: bloodType,
                isLeave: false,
                workType: workType,
                isTempory: false,
                isMoving: false,
                isPartTime: false
            }
        },
        watch: {

        },
        mounted: function() {
            var schoolStr = '${schools!}';
            var roleStr = '${roles!}';
            var infoStr = '${info!}';
            if (schoolStr != '') {
                this.schools = JSON.parse(schoolStr);
            }
            if (roleStr != '') {
                this.roles = JSON.parse(roleStr);
            }
            if (infoStr != '') {
                this.info = JSON.parse('${info!}');
                if (this.info.probationaryPeriodStart != null && this.info.probationaryPeriodStart != "") {
                    this.probationaryPeriod = [this.info.probationaryPeriodStart, this.info.probationaryPeriodEnd];
                }
                if (this.info.contractStartDate != null && this.info.contractStartDate != "") {
                    this.contractDate = [this.info.contractStartDate, this.info.contractEndDate];
                }
                this.isTeacherChecked = this.info.isTeacher == 1;
                this.isLeave = this.info.isLeave == 1;
                this.isTempory = this.info.isTempory == 1;
                this.isMoving = this.info.isMoving == 1;
                this.info.lawAddress = replaceBr(this.info.lawAddress)
                this.info.address = replaceBr(this.info.address)
                this.info.mark = replaceBr(this.info.mark)
                this.isPartTime = this.info.isPartTime == 1
            }

            if (this.info.position != null && this.info.position != "") {
                this.selectedPosition = this.info.position.split(",");
                this.selectedPosition.pop();
            }

            if (this.info.certificate && this.info.certificate != '') {
                var list = this.info.certificate.split(";");
                list.pop();
                for (var i = 0; i < list.length; i++) {
                    var map = {
                        // name: list[i].split("=")[1],
                        url: list[i]
                    }
                    this.fileList.push(map);
                }
            }
        },
        methods: {
            handleSuccess(response, file, fileList) {
                // alert('su')
                // console.log('handleSuccess')
                // console.log(response)
                // console.log(file)
                // console.log(fileList)
                // console.log(this.fileList)
                // this.fileList = fileList
                this.fileList.push({
                    name: response.info.name,
                    url: response.info.url
                });

            },
            handleRemove(file, fileList) {
                // console.log(file, fileList);
                var idx = this.fileList.indexOf(file);
                this.fileList.splice(idx, 1);
            },
            handlePictureCardPreview(file) {
                console.log(file)
                // this.dialogImageUrl = file.url;
                // this.dialogVisible = false;

                window.open(file.url);
            },
            handlePreview(file) {
                window.location.href = file.url;
            },
            submit() {
                var self = this;


                var position = "";
                for (var i = 0; i < self.selectedPosition.length; i++) {
                    position += self.selectedPosition[i] + ",";
                }

                var files = '';
                for (var i = 0; i < self.fileList.length; i++) {
                    files += self.fileList[i].url + ";";
                }


                var param = Qs.stringify({
                    staffId: self.info.id,
                    name: self.info.name,
                    englishName: self.info.englishName,
                    code: self.info.code,
                    sex: self.info.sex,
                    birth: self.info.birth,
                    contact1: self.info.contact1,
                    contact2: self.info.contact2,
                    email: self.info.email,
                    idCard: self.info.idCard,
                    minzu: self.info.minzu,
                    jiguan: self.info.jiguan,
                    hukou: self.info.hukou,
                    huji: self.info.huji,
                    marriage: self.info.marriage,
                    height: self.info.height,
                    weight: self.info.weight,
                    bloodType: self.info.bloodType,
                    schoolId: self.info.schoolId,
                    roleId: self.info.roleId,
                    type: self.info.type,
                    isTeacher: self.isTeacherChecked ? 1 : 0,
                    isLeave: self.isLeave ? 1 : 0,
                    householdType: self.info.householdType,
                    emContact: self.info.emContact,
                    emMobile: self.info.emMobile,
                    lawAddress: replaceN(self.info.lawAddress),
                    address: replaceN(self.info.address),
                    englishLevel: self.info.englishLevel,
                    degree: self.info.degree,
                    major: self.info.major,
                    graduation: self.info.graduation,
                    graduateDate: self.info.graduateDate,
                    entryDate: self.info.entryDate,
                    probationaryPeriodStart: self.info.probationaryPeriodStart, // self.probationaryPeriod[0],
                    probationaryPeriodEnd: self.info.probationaryPeriodEnd, //self.probationaryPeriod[1],
                    formalDate: self.info.formalDate,
                    contractStartDate: self.info.contractStartDate, //self.contractDate[0],
                    contractEndDate: self.info.contractEndDate, //self.contractDate[1],
                    workRecord: self.info.workRecord,
                    leaveDate: self.info.leaveDate,
                    leaveType: self.info.leaveType,
                    leaveReason: self.info.leaveReason,
                    account: self.info.account,
                    password: self.info.password,
                    internSalary: self.info.internSalary,
                    probationSalary: self.info.probationSalary,
                    formalSalary: self.info.formalSalary,
                    bankAccount: self.info.bankAccount,
                    teacherType: self.info.teacherType,
                    signType: self.info.signType,
                    isTempory: self.isTempory ? 1 : 0,
                    mark: replaceN(self.info.mark),
                    isMoving: self.isMoving ? 1 : 0,
                    isPartTime: self.isPartTime ? 1 : 0,
                    position: position,
                    movingType: self.info.movingType,
                    bank: self.info.bank,
                    certificate: files
                });
                loading();
                axios({
                        url: '/jh/admin/staff/submit',
                        method: 'post',
                        data: param,
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded'
                        }
                    })
                    .then(function(response) {
                        if (response.data.status == 200) {
                            endLoading();
                            window.location.href = "/jh/admin/staff/list";
                            // msg("登录成功");
                        } else {
                            endLoading();
                            msg(response.data.msg);
                            console.log(response.data);
                        }
                    })
                    .catch(function(error) {
                        endLoading();
                        msg("提交失败");
                        console.log(error);
                    });
            },
            onProbationaryPeriodChange(val) {
                console.log(val);
            },
            onContractDateChange(val) {
                console.log(val);
            },
            back() {
                window.history.back();
            }
        }
    })
    </script>
    <style type="text/css">
    .title {
        font-size: 18px;
        font-weight: bold;
    }

    .topicItem {
        margin-bottom: 1rem;
    }

    .topic-del {
        margin-left: 1rem;
        cursor: pointer;
    }
    </style>
    <#include "/jh/admin/components/msg.html" />
</body>

</html>